@charset "utf-8";
/* CSS Document */

/*公用样式*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
*{tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
input,textarea{outline:0;resize:none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.no_bg_img{ background-image:none!important; }
.no_bor_bot{border-bottom:none!important;}
.no_bor_r{border-right:none!important;}
.no_mar_r{ margin-right:0!important; }
.clear{ padding:0; margin:0; height:0; width:100%; clear:both;}
a{ text-decoration:none;}
.fl {  float: left;}
.fr {  float: right;}
.space10 { height: 10px; clear: both;}
.space5{height: 5px;clear: both;}

/*容器及头部样式*/
.viewport{margin:0 auto; padding:0; min-width:300px;max-width:640px;}
.bg-index{ background:url(img/index03.jpg) no-repeat; background-size:auto 100%; padding-bottom:30px;}
.top-op{ height:50px; width:100%; background-color:#000; text-align:center; color:#fff; font-weight:bold; line-height:50px; font-size:20px;}
.top-op .op-l{  background:url(img/back-l.png) no-repeat left; height:40px; background-size:auto 24px; padding-left:20px; margin-top:8px; margin-left:10px; float:left; line-height:16px;}
.top-op .op-l a{color:#fff; display:inline-block; margin:11px auto auto;font-size:18px; font-weight:normal;}
.top-op .op-r{background:url(img/ect.png) no-repeat right; height:40px; background-size:auto 6px;  margin-top:8px; margin-right:10px; float:right;}
.top-op .op-r a{color:#fff; /*display:block;*/ margin:11px auto auto;font-size:18px; /*width:30px;*/ padding:0 20px; display:inline;}
.top-op .op-r.btn a{ border:#fff 1px solid; color:#fff; padding:5px 10px;}
.top-op .op-r.btn{ background:none; margin-top:1px; }

/*logo区域*/
.top{ /*background:url(img/index01.jpg) no-repeat;*/ width:100%; padding-bottom:20px;}
.logo{ width:100%; float:left;}
.logo img{ width:20%; margin:20px auto 10px; display:block;}
.t-name{ text-shadow:1px 1px 3px #333; font-size:24px; color:#fff; text-align:center;letter-spacing:8px;}
.t-menu{ background:url(img/topbar.png) no-repeat center bottom; width:100%;  background-size:30%; padding-top:90px; vertical-align:top; }
.t-menu span{ width:200px; text-align:center; margin:-86px auto auto; display:block; letter-spacing:5px;}
/*菜单区域*/
.menu{width:100%; /*background:url(img/index02.jpg) no-repeat;*/ float:left;}
.menu-ul{  width:70%; margin:20px auto; display:block;}
.menu-ul li a{ margin-bottom:20px; font-size:20px; text-shadow:1px 1px 2px #000; float:left; width:100px; height:100px; background:url(img/menu.png) no-repeat; background-size:100px; text-align:center; color:#fff; line-height:100px;}
.menu-ul li:nth-child(2n+1) a{ margin-right:20%;}
.menu-ul li:nth-child(2n) a{ margin-right:0;}
.bottom{ background-color:#fff;  width:100%;}
.bottom img{ width:30%; display:block; margin:-20px auto 10px;}

/*底部*/
.footbar{ background-color:#c2c7e4; height:50px; width:100%; position:fixed; bottom:0; }
.foot-tb { width:100%;}
.foot-tb td a{ display:block;}
.foot-tb td { width:33.3%;}
.foot-tb td.opr a{ float:left; background:url(img/f-menu.png) no-repeat; background-size: auto 32px; width:32px; height:32px; margin:6px auto auto 20px; }
.foot-tb td.add a{ background:url(img/f-more.png) no-repeat; background-size: auto 44px;width:60px; height:48px; margin:3px auto 0 auto;}
.foot-tb td.search a{ background:url(img/f-search.png) no-repeat;background-size: auto 32px;width:32px; height:32px; margin:6px 20px auto auto; }

.foot-tb td.opr{ position:relative;}
.foot-tb td.opr .f-dr-menu{ position:absolute; bottom:50px; left:5px; box-shadow:1px 0px 3px #333; display:block;}
.foot-tb td.opr .f-dr-menu li a{ padding:10px 15px; background-color:#fff; background-image:none; width:auto; margin:0; border-bottom:#ddd 1px solid; color:#666;}
.foot-tb td.opr .f-dr-menu li:last-child a{ border-bottom:none;}
 
a.btn-r{ float:right; display:block; }
.down{ background:url(img/arr-down.png) no-repeat; background-size:auto 13px; height:13px; width:24px;margin:5px 10px auto auto;}
.right{ background:url(img/arr-right.png) no-repeat; background-size:cover; width:13px; height:24px;margin:-3px 10px auto auto; }